<template>
	<div class="linkbar">
		<h4>友情链接</h4>
		<ul>
			<li v-for="link in linkList" :key="link.id">
				<a :href="link.url" target="_blank">{{link.link_name}}</a>
			</li>
		</ul>
	</div>
</template>

<script>
	export default {
	  name: 'linkbar',
	  data () {
	  	return {
	  		linkList: [],
	  	}
	  },
	  created: function(){
	  	this.$http.post('/api/common/link').then(function(result){
        var data = result.body.data;
        this.linkList = data['list'];
      })
	  },
	  methods: {

	  }
	}

</script>

<style type="text/css">
	.linkbar{background: #fff;margin-top: 9px;padding:15px;padding-bottom: 15px;}
	.linkbar h4{font-size: 18px;color: #333333;font-weight: 100;padding-bottom: 5px;background-color: #efefe}
	.linkbar ul{padding: 0px;list-style: none;}
	.linkbar li{width: 100%;}
	.linkbar li a{color: #337ab7;text-decoration: none;}

</style>